<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8" />
    <meta name="author" content="Drizvato" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" />

    <title>租房通 - 你的便捷租房专家</title>

    <!-- Custom CSS -->
    <link href="/verio-house/assets/css/styles.css" rel="stylesheet">

    <!-- Custom Color Option -->
    <link href="/verio-house/assets/css/colors.css" rel="stylesheet">
    <link rel="stylesheet" type="text/css" href="/verio-house/assets/css/contract/common.css"/>
    <link rel="stylesheet" type="text/css" href="/verio-house/assets/css/contract/main.css"/>
    <link rel="stylesheet" type="text/css" href="/verio-house/assets/css/contract/jquery-ui.css"/>
    <style type="text/css">
        .title {
            margin: 10px auto;
            text-align: center;
            font-size: 30px;
        }

        .button {
            margin: 10px auto;
            text-align: center;
        }
    </style>
    <script type="text/javascript">
        function to_dayin() {
            alert("打印中...");
        }

    </script>
</head>

<body class="yellow-skin">
<!-- ============================================================== -->
<!-- Preloader - style you can find in spinners.css -->
<!-- ============================================================== -->
<div class="preloader"></div>

<!-- ============================================================== -->
<!-- Main wrapper - style you can find in pages.scss -->
<!-- ============================================================== -->
<div id="main-wrapper">

    <!-- ============================================================== -->
    <!-- Top header  -->
    <!-- ============================================================== -->
    <!-- Start Navigation -->
    <div th:replace="common/front-bar::#front-header"></div>
    <!-- End Navigation -->
    <div class="clearfix"></div>
    <!-- ============================================================== -->
    <!-- Top header  -->
    <!-- ============================================================== -->

    <!-- ============================ User Dashboard ================================== -->
    <section class="gray p-0">
        <div class="container-fluid p-0">

            <div class="row">

                <div th:replace="common/background-bar::#side-bar(currUri='my-contract')"></div>

                <div class="col-lg-9 col-md-8 col-sm-12">
                    <div class="dashboard-body">

                        <div class="dashboard-wraper" style="min-height: 800px">

                            <!-- Bookmark Property -->

                            <table class="property-table-wrap responsive-table bkmark">

                                <tbody>
                                <tr>
                                    <div>
                                        <p class="title" th:if="${contract == null}">无房屋租赁合同</p>
                                        <form th:if="${contract != null}" name="hetong"
                                              action="/text2/hetong/updatehetong.action">
                                            <div class="title">房屋租赁合同</div>
                                            <input type="hidden" name="roomId" value="${contract.roomId}"/>
                                            <p>出租方：<span name="landlord">[[${contract.landlord}]]</span>（以下简称甲方）；
                                            </p>　　　
                                            <p>承租方：<span name="tenant">[[${contract.tenant}]]</span>（以下简称乙方）。　
                                            </p>　
                                            <p>租赁房屋地址：<span name="address">[[${contract.address}]]</span>　</p>　
                                            <p>
                                                依据《中华人民共和国合同法》有关条款，甲乙双方经过充分协商，就乙方租赁甲方房屋事宜达成如下协议：</p>
                                            <p>一、乙方租赁甲方房屋，以下简称租赁房屋。</p>
                                            <p>二、起租时间：<span
                                                    name="rentalStartTime">[[${contract.rentalStartTime}]]</span>，退租时间：<span
                                                    name="rentalOutTime">[[${contract.rentalOutTime}]]</span>。
                                                在合同签订之日，乙方需向甲方支付房屋租金￥<span name="price">[[${contract.price}]]</span>。如续租，请提前3天通知甲方，并重新办理租赁手续。<br/>
                                            </p>　　　　
                                            <p>三、违约处理：</p>　
                                            <p>甲方违约：</p>　
                                            <p>1．如甲方未能及时将押金退还乙方，甲方每天应按押金的2％向乙方支付违约金；</p>
                                            <p>
                                                2．如甲方提供的维修服务项目与协议不相符，乙方有权提前退租，甲方应全额退还剩余的租金。</p>
                                            <p>乙方违约：</p>　　
                                            <p>
                                                1．如乙方不按时缴纳租金，甲方有权在其押金中扣除，同时收回房屋，所有损失由乙方负责；</p>
                                            　
                                            <p>
                                                2．如果乙方在租赁期限未满时退租，甲方仅退还剩余租金的40％（租期未满一个月的不在此例）；</p>
                                            　
                                            <p>
                                                四、本协议书一式两份，甲乙双方各执一份；本协议甲乙双方签字后生效。补充协议亦属于合同的一部分。</p>
                                            　
                                            　<br/>　　甲方（盖章）：_________　　　　　　　　乙方（盖章）：_________　　<br/>　
                                            　法定代表人（签字）：_________　　　　　法定代表人（签字）：_________　　<br/>　　
                                            担保人（签章）：_________　　<br/>　　
                                            _________年____月____日　　　　　　　　_________年____月____日　　<br/>　　
                                            签订地点：_________　　　　　　　　　　签订地点：_________
                                            <div class="button">
                                                <input class="btn btn-primary btn6 mr10" value="修改合同" type="submit">
                                                <input class="btn btn6" onclick="javascript:to_dayin()" value="打印合同"
                                                       type="button">
                                                <input class="btn btn6" onclick="history.go(-1)" value="返回"
                                                       type="button">
                                            </div>
                                        </form>
                                    </div>
                                </tr>
                                </tbody>
                            </table>

                        </div>

                        <div th:replace="common/background-bar::#footer"></div>
                        <!-- row -->

                    </div>
                </div>

            </div>
        </div>
    </section>
    <!-- ============================ User Dashboard End ================================== -->

    <a id="back2Top" class="top-scroll" title="Back to top" href="#"><i class="ti-arrow-up"></i></a>

</div>
<!-- ============================================================== -->
<!-- End Wrapper -->
<!-- ============================================================== -->

<!-- ============================================================== -->
<!-- All Jquery -->
<!-- ============================================================== -->
<script src="/verio-house/assets/js/jquery.min.js"></script>
<script src="/verio-house/assets/js/popper.min.js"></script>
<script src="/verio-house/assets/js/bootstrap.min.js"></script>
<script src="/verio-house/assets/js/ion.rangeSlider.min.js"></script>
<script src="/verio-house/assets/js/select2.min.js"></script>
<script src="/verio-house/assets/js/jquery.magnific-popup.min.js"></script>
<script src="/verio-house/assets/js/slick.js"></script>
<script src="/verio-house/assets/js/slider-bg.js"></script>
<script src="/verio-house/assets/js/lightbox.js"></script>
<script src="/verio-house/assets/js/imagesloaded.js"></script>
<script src="/verio-house/assets/js/daterangepicker.js"></script>
<script src="/verio-house/assets/js/custom.js"></script>
<!-- ============================================================== -->
<!-- This page plugins -->
<!-- ============================================================== -->
<script src="/verio-house/common/utils/reg.js"></script>
<script src="/verio-house/common/layer/layer.js"></script>
<script src="/verio-house/common/custom.js"></script>
</body>
</html>